﻿<%@ Page Title="Gallery" Language="C#" MasterPageFile="~/Views/Shared/Site.Mobile.Master"
    Inherits="System.Web.Mvc.ViewPage<ASPItalia.ModelVirtualCasting.Web.Models.GalleryViewModel>" %>

<asp:Content ID="header" runat="server" ContentPlaceHolderID="Head">
    <script type="text/javascript">
        $(function () {
            $('#main').live('swipeleft', function () {
                $(this).find('a.nextImage').click();
            });
            $('#main').live('swiperight', function () {
                $(this).find('a.previousImage').click();
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="TitleContent" runat="server">
    <%= this.Html.ActionLink("Profile...", "Profile", new { nickname = this.Model.Nickname, disableAjax = true }, new { rel="external" })%>
    <h1>
        <%: this.Model.Nickname %></h1>
    <div data-role="navbar">
        <ul>
            <li>
                <%= this.Html.ActionLink("Prev", "Gallery", new { id = this.Model.Id, index = this.Model.PreviousIndex }, new { data_icon = "arrow-l", @class = "previousImage", data_direction = "reverse" })%></li>
            <li>
                <%= this.Html.ActionLink("Next", "Gallery", new { id = this.Model.Id, index = this.Model.NextIndex }, new { data_icon = "arrow-r", @class = "nextImage" })%></li>
        </ul>
    </div>
</asp:Content>
<asp:Content ID="content2" runat="server" ContentPlaceHolderID="MainContent">
    <div class="image">
        <img src="<%= this.Model.ImageUrl %>" />
    </div>
</asp:Content>
